<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我的旅行</title>
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath() %>/resources/css/common/jscrollpane1.css" />
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath() %>/resources/css/user_center.css">
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath() %>/resources/css/common/jquery-ui-1.10.4.custom.css">
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/jquery-1.10.2.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/jquery.qrcode.min.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/jquery-ui-1.10.4.custom.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/jquery.mousewheel.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/jquery.jscrollpane.min.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/scroll-startstop.events.jquery.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/send.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/talk.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/user_center.js"></script>
</head>
<body>
	<header id="header">
		<div class="link">
			<ul>
				<li><a>我的旅行</a></li>
				<li><a href="<%=request.getContextPath() %>/index">首页</a></li>
				<li><a href="JavaScript:void()" onclick='totalk()'>客服服务</a></li>
				<li>
					<div class="loginout">
						<a href="<%=request.getContextPath() %>/loginout">退出</a>
					</div>
					<div class="login">
						<ul>
							<li class="login_name">用&nbsp;户：&nbsp;${user.username }</li>
						</ul>
					</div>
				</li>
			</ul>
			<input type="text"><input type="button" value="搜索">
		</div>
	</header>

	<div id="left">
		<ul>
			<li><a id="my_infor" onclick="my_infor()">个人资料</a></li>
			<li><a id="my_oder"
				onclick="Queryoder('<%=request.getContextPath() %>/user/usercenter/queryall','all')">我的订单</a></li>
			<li><a href="<%=request.getContextPath() %>/user/cartlist">我的购物车</a></li>
			<li><a>退款维权</a></li>
			<li><a id="safe" onclick="my_safe()">安全中心</a></li>
			<li><a>我的收藏</a></li>
			<li><a>我的足迹</a></li>
			<li><a>评价管理</a></li>

		</ul>
	</div>
	<div id="center_top">
		<ul>

			<li><a id="all_oder"
				onclick="Queryoder('<%=request.getContextPath() %>/user/usercenter/queryall','all')">全部订单</a></li>
			<li><a
				onclick="Queryoder('<%=request.getContextPath() %>/user/usercenter/queryoder','20')">未出行</a></li>
			<li><a
				onclick="Queryoder('<%=request.getContextPath() %>/user/usercenter/queryoder','10')">待付款</a></li>
			<li><a onclick="Queryoder('<%=request.getContextPath() %>/user/usercenter/queryoder','20')">待评价</a></li>
		</ul>
	</div>
	<div id="center_bottom">
		<div id="person_infor">
		<form id="person_form">

			<p>用户名:${user.username }</p>
			<p>
				手机号：${user.phone}<a href="JavaScript:void()" onclick="my_safe()">
					&nbsp;&nbsp;验证</a>
			</p>
			<p>
				邮箱:${user.email }<a href="JavaScript:void()" onclick="my_safe()">
					&nbsp;&nbsp; 验证</a>
			</p>
			
				密保问题:<input type="text" name="question" value="${user.question }"><label>*请务必填写，找回密码必备*</label>
				<br>
				答案:<input type="text" name="answer" value="${user.answer }"><label>*请务必填写，找回密码必备*</label>

			<br> 
		</form>
			<button  class="update" onclick="updateuser()">保存</button>
		</div>
		<table id="my_table" style="display: none">
			<thead>
				<tr>
					<td>产品信息</td>
					<td></td>
					<td></td>
					<td>旅客</td>
					<td>行程日期</td>
					<td>数量</td>
					<td>实付款</td>
					<td>订单状态</td>
				</tr>
			</thead>
			<tbody id="tbody">
				<!-- ajxa循环部分 -->

				<!-- ajxa循环部分 -->
			</tbody>
			<tfoot id="tfoot">
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td id="pageinfo"></td>
					<td><input class="btn" id="pre_page" type="button" value="上一页"></td>
					<td><input class="btn" id="next_page" type="button"
						value="下一页"></td>
				</tr>
			</tfoot>
		</table>
		<div id="accordion" style="display: none">
			<h2>修改登录密码</h2>
			<form id="updatepw">
				当前密码:<input type="text" class="old_pass" name="oldpassword"><label
					id="oldpw"></label><br> 新&nbsp;密&nbsp;码&nbsp;:<input
					type="text" class="new_pass" name="newpassword"><label
					id="newpw"></label><br> 确认密码:<input type="text"
					class="re_pass"><br> <input type="button" class="btn"
					id="savepw" value=" 保存 ">
			</form>
			<h2>邮箱验证</h2>
			<div>
				邮箱地址：<input type="text" class="mail"><br> <input
					type="button" class="btn" value="验证邮箱"><span class="tip">请在24小时内至您的新邮箱查收验证邮件</span>
			</div>
			<h2>手机验证</h2>
			<div>
				手机号:<input type="text" class="phone_num"> <input
					type="button" class="btn" id="code" value="发送验证码"><br>
				验证码:<input type="text" class="mycode"><br> <input
					type="button" class="btn" id="savephone" value="立即验证"> <span
					id="forcode"></span>
			</div>
		</div>

		<ul class="pic_title">
			<li><strong>热门旅游</strong></li>
			<li>海南双飞5日游</li>
			<li>法瑞意德12日游</li>
			<li>日本-富山-大阪</li>
			<li>土耳其9日游</li>
		</ul>
		<input class="btn" id="prev" type="button" value="<">
		<div id="move_pic">
			<ul>
				<li><img
					src="<%=request.getContextPath() %>/resources/login_img/gd1.jpg">富山-大阪-东京8日游
					暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物</li>
				<li><img
					src="<%=request.getContextPath() %>/resources/login_img/gd2.jpg">花样姐姐土耳其9日或10日游
					最高立减3000！中餐六菜一汤+土耳其当地美食满足您挑剔味蕾</li>
				<li><img
					src="<%=request.getContextPath() %>/resources/login_img/gd3.jpg">海南双飞5日游
					含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”免费送</li>
				<li><img
					src="<%=request.getContextPath() %>/resources/login_img/gd4.jpg">法瑞意德12日游
					4至5星，金色列车，少女峰，部分THE MALL</li>
				<li><img
					src="<%=request.getContextPath() %>/resources/login_img/gd5.jpg">曼谷-芭提雅6日游
					包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券</li>
				<li><img
					src="<%=request.getContextPath() %>/resources/login_img/gd6.jpg">马尔代夫双鱼岛Olhuveli4晚6日自助游
					上海出发，机+酒包含:早晚餐+快艇</li>
				<li><img
					src="<%=request.getContextPath() %>/resources/login_img/gd1.jpg">富山-大阪-东京8日游
					暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物</li>
				<li><img
					src="<%=request.getContextPath() %>/resources/login_img/gd2.jpg">花样姐姐土耳其9日或10日游
					最高立减3000！中餐六菜一汤+土耳其当地美食满足您挑剔味蕾</li>
				<li><img
					src="<%=request.getContextPath() %>/resources/login_img/gd3.jpg">海南双飞5日游
					含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”免费送</li>
				<li><img
					src="<%=request.getContextPath() %>/resources/login_img/gd4.jpg">法瑞意德12日游
					4至5星，金色列车，少女峰，部分THE MALL</li>
				<li><img
					src="<%=request.getContextPath() %>/resources/login_img/gd5.jpg">曼谷-芭提雅6日游
					包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券</li>
				<li><img
					src="<%=request.getContextPath() %>/resources/login_img/gd6.jpg">马尔代夫双鱼岛Olhuveli4晚6日自助游
					上海出发，机+酒包含:早晚餐+快艇</li>
			</ul>
		</div>
		<input class="btn" id="next" type="button" value=">">
	</div>
	<!-- 去支付部分 -->
	<div id="topay" style="text-align: center;">	
	</div>
	<span id="queryoder" style="display: none;"></span>
	
	<!-- 评论部分 -->
	<div id="comment" style="display: none;text-align: center;">
		<strong style="font-size: 24px">
		<input type="radio" class="good" name="radio" value="1" style="width:18px;height:18px">好评&nbsp;&nbsp;
		<input type="radio" class="middle" name="radio" value="2" style="width:18px;height:18px">一般&nbsp;&nbsp;
		<input type="radio" class="bad" name="radio" value="3" style="width:18px;height:18px">差评
		</strong> 
		<br><br>
		<textarea rows="10" cols="64" id="c_content"></textarea>
	</div>
	

	<!-- 聊天对话部分 -->
	<div id="talk" style="display: none">
		<input type="hidden" value="<%=request.getContextPath() %>"
			id="basePath" /> <br />
		<div class="talk">
			<div class="talk_title">
				<span>正在与客服小蜜对话</span>
			</div>
			<div class="talk_record">
				<div id="jp-container" class="jp-container"></div>
			</div>

			<div class="talk_word">
				&nbsp; <input class="add_face" id="facial" type="button"
					title="添加表情" value="" /> <input id="content"
					class="messages emotion" /> <input class="talk_send"
					onclick="send();" type="button" title="发送" value="发送" />
			</div>
		</div>
	</div>


</body>
</html>